<div >
    <table>
        <thead>
        <tr>
            <th width="20%">时间</th>
            <th width="30%">切片1</th>
            <th width="30%">切片2</th>
            <th width="20%">操作</th>
        </tr>
        </thead>
        <tbody>
        {% if len(report_list) > 0 %}
        {% for report in report_list %}
        <tr>
            <td style="text-align: center;" title="{{ report['date'] }}">{{ report['date'] }}</td>
            <td style="text-align: center;" title="{{ report['section1_info'] }}">{{ report['section1_info'] }}</td>
            <td style="text-align: center;" title="{{ report['section2_info'] }}">{{ report['section2_info'] }}</td>
            <td style="text-align: center;" title="">
                <a href="/report?key={{ report['report_id'] }}" target="_blank">查看</a>&nbsp;&nbsp;
                <a href="javascript:del_report('{{report['report_id'] }}')">删除</a>&nbsp;&nbsp;
            </td>
        </tr>
        {% end %}
        {% end %}
        </tbody>
    </table>
</div>
<nav >
    <ul id="report_nav" class="ui-widget ui-helper-clearfix">
        {% if paginator["page_no"] == 1 %}
        <li class="ui-state-disabled " title="首页"><span class="ui-icon ui-icon-seek-first"></span></li>
	    <li class="ui-state-disabled " title="上一页"><span class="ui-icon ui-icon-seek-prev"></span></li>
        {% else %}
        <li class="ui-state-active " title="首页"><a  href="javascript:load_report(1)"><span class="ui-icon ui-icon-seek-first"></span></a></li>
	    <li class="ui-state-active " title="上一页"><a href="javascript:load_report({{ paginator['previous_page'] }})"><span class="ui-icon ui-icon-seek-prev"></span></a></li>
        {% end %}

        {% for page in paginator["page_list"] %}
        {% if paginator["page_no"] == page %}
        <li><a >{{ page }}</a></li>
        {% else %}
        <li><a href="javascript:load_report({{ page }})">{{ page }}</a></li>
        {% end %}
        {% end %}

        {% if paginator["page_no"] == paginator["pages"] %}
        <li class="ui-state-disabled " title="下一页"><span class="ui-icon ui-icon-seek-next"></span></li>
	    <li class="ui-state-disabled " title="尾页"><span class="ui-icon ui-icon-seek-end"></span></li>
        {% else %}
        <li class="ui-state-active " title="下一页"><a href="javascript:load_report({{ paginator['next_page'] }})"><span class="ui-icon ui-icon-seek-next"></span></a></li>
        <li class="ui-state-active " title="尾页"><a  href="javascript:load_report({{ paginator['pages'] }})"><span class="ui-icon ui-icon-seek-end"></span></a></li>
        {% end %}
        <li class="ui-state-highlight"><input id="pageNo_r" style="width: 30px; height: 22px; box-shadow: none" type="text" value="{{ paginator['page_no'] }}"> / {{ paginator['pages'] }}</li>
        <li class="ui-state-highlight"><a href="javascript: page_report({{ paginator['page_no'] }})">确定</a></li>
    </ul>
</nav>